<ion-scroll #scroll scrollY="true">
    <div *ngIf="configData.type === 'object'">
        <div *ngFor="let config of configData.content">
            <div tappable (click)="itemTapped($event)">
                <div class="task-item">
                    <span class="title">{{config.value}}</span>
                    <span class="content">{{uiData[config.key]}}</span>
                </div>
                <div class="task-detail">{{uiData[config.key]}}</div>
            </div>
        </div>
    </div>

    <div *ngIf="configData.type === 'array'">
        <div *ngFor="let item of uiData; let i = index" class="task-line" tappable (click)="lineTapped($event)">
            <div class="task-item head">
                <span class="title"><span class="arrow"></span>{{uiData[i].exp_type}}</span>
                <span class="content">{{uiData[i].total}}</span>
            </div>
            <div *ngFor="let config of configData.content">
                <div tappable (click)="itemTapped($event)">
                    <div class="task-item">
                        <span class="title">{{config.value}}</span>
                        <span class="content">{{uiData[i][config.key]}}</span>
                    </div>
                    <div class="task-detail">{{uiData[i][config.key]}}</div>
                </div>
            </div>
        </div>
    </div>
</ion-scroll>